{% load staticfiles %}
<div class="banner">
    <div id="slide-holder">
        <div id="slide-runner"><a href="/" target="_blank"><img id="slide-img-1"
                                                                src="{% static 'images/a1.jpg' %}" alt=""/></a>
            <a href="/" target="_blank"><img id="slide-img-2" src="{% static 'images/a2.jpg' %}" alt=""/></a> <a
                    href="/" target="_blank"><img id="slide-img-3" src="{% static 'images/a3.jpg' %}"
                                                  alt=""/></a> <a href="/" target="_blank"><img id="slide-img-4"
                                                                                                src="{% static 'images/a4.jpg' %}"
                                                                                                alt=""/></a>
            <div id="slide-controls">
                <p id="slide-client" class="text"><strong></strong><span></span></p>
                <p id="slide-desc" class="text"></p>
                <p id="slide-nav"></p>
            </div>
        </div>
    </div>
    <script>
        if (!window.slider) {
            var slider = {};
        }

        slider.data = [
            {
                "id": "slide-img-1", // 与slide-runner中的img标签id对应
                "client": "标题1",
                "desc": "这里修改描述 这里修改描述 这里修改描述" //这里修改描述
            },
            {
                "id": "slide-img-2",
                "client": "标题2",
                "desc": "add your description here"
            },
            {
                "id": "slide-img-3",
                "client": "标题3",
                "desc": "add your description here"
            },
            {
                "id": "slide-img-4",
                "client": "标题4",
                "desc": "add your description here"
            }
        ];

    </script>
</div>